<template>
    <div id="identityChoice" class="identityChoice">
        <header class="header">
            <i class="iconfont icon-zuojiantou" @click="$router.back(-1)"></i>
            <h1>选择身份</h1>
        </header>
        <router-link :to="{path:'/freelancer/index'}" class="identity_choice_btn">我是Freelancer</router-link>
        <router-link :to="{path:'/enterprise/index'}" class="identity_choice_btn">我是企业HR</router-link>
    </div>
</template>

<script>
export default {
    name: 'identityChoice',
    created() {
        
    }
}
</script>

<style lang="scss" scoped>
.identityChoice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    .identity_choice_btn {
        background: #414568;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10);
        border-radius: 8px; 
        height: 2.133333rem;
        line-height: 2.133333rem; 
        width: 90%;
        margin: 1.066667rem auto;
        color: #fff;
        font-size: .373333rem;
        display: block;
        text-align: center;
    }
}

</style>
